<template>
  <div>
    <p style="font-size: 25px; text-align: center; color: #000">仓库管理</p>
    <table>
        <tr v-for="(value, key) in Xlist" :key="key">
            <td >{{key}}</td>
            <td >{{value}}</td>
        </tr>
    </table>
  </div>
</template>
    
<script setup lang='ts'>
import { ref, reactive, onMounted, computed, watch } from "vue";
const props = defineProps({
    Xlist: {
        type: Object,
        default: () => {
            return {}
        }
    },
    tableColumns:{
        type: Array,
        default: []
    }
})
</script>
    
<style scoped>
table{
    width: 80%;
    border-collapse: collapse;
    margin: 0 10% 10% 10%;
}
tr td:nth-child(2){
    border: 1px solid #ccc;
    width: 70%;
    padding: 10px
}
tr td:nth-child(1){
    border: 1px solid #ccc;
    width: 30%;
    text-align: right;
    padding: 10px
}
</style>